@mixin transform($trans) {
  -webkit-transform: $trans;
  -moz-transform: $trans;
  -ms-transform: $trans;
  -o-transform: $trans;
  transform: $trans;
}

@mixin transition($trans) {
  -moz-transition: $trans;
  -ms-transition: $trans;
  transition: $trans;
}

/*平滑动画，向上滑入，向下滑出*/
@keyframes slidedown {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}

@-webkit-keyframes slidedown {
  from {
    -webkit-transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(100%);
  }
}

@-webkit-keyframes slideup {
  from {
    -webkit-transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
  }
}

@keyframes slideup {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

.slidedown {
  animation: slidedown 0.3s linear;
  animation-fill-mode:forwards;
  @include transform(translateY(100%));
}
.slideup {
  animation: slideup 0.3s linear;
  animation-fill-mode:forwards;
  @include transform(translateY(0));
}

@font-face {font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_1315498_grtu7czmtkt.eot?t=1564043659369'); /* IE9 */
  src: url('//at.alicdn.com/t/font_1315498_grtu7czmtkt.eot?t=1564043659369#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('//at.alicdn.com/t/font_1315498_grtu7czmtkt.woff?t=1564043659369') format('woff'),
  url('//at.alicdn.com/t/font_1315498_grtu7czmtkt.ttf?t=1564043659369') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('//at.alicdn.com/t/font_1315498_grtu7czmtkt.svg?t=1564043659369#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shuzi:before {
  content: "\e660";
}

.icon-shouqijianpan:before {
  content: "\e62d";
}

.icon-xiaoxie:before {
  content: "\e623";
}

.icon-daxie:before {
  content: "\e64e";
}

.icon-backspace:before {
  content: "\e778";
}

.icon-fuhao:before {
  content: "\e704";
}

.icon-huiche:before {
  content: "\e651";
}

.icon-ABC:before {
  content: "\e600";
}
